<template>
    <fieldset>
        <legend>计算属性</legend>
        <h1>num:{{ num }}</h1>
        <h1>newNum:{{ newNum }}</h1>
        <button @click="num++">点击修改num</button>
    </fieldset>
</template>
<script setup>
import { ref, computed } from "vue"
let num = red(10)

//计算属性

let newNum = computed(() => {
    return num.value + 10
})

let newNum2 = computed(() => {
    return num.value + 10
})

console.log(newNum);

console.log(newNum2.value.length);
</script>